<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
			<script type="text/javascript">
				$(document).ready(function(){
					$.get("http://119.29.225.180/diandi/userinfo.do",function(data,status){
					//	alert("Data:" + data );
						var obj = JSON.parse(data);
						var nickname = obj.data.nickname;
						var email_activity = obj.data.email_active;
						var a_area = obj.data.area;
						var sex = obj.data.sex;
						var birthday = obj.data.birthday;
						
						$("#name").text(nickname);
						$("#email_activity").text(email_activity);
						$("#area").text(a_area);
						$("#sex").text(sex);
						$("#birthday").text(birthday);
					});
				});
			</script>
		<style>
			#hold {
				background-color: bisque;
				height: 500px;
				width: 600px;
				margin-top: 80px;
				margin-left: 350px;
			}
			#top{
				background-color: burlywood;
				height: 150px;
				width: 550px;
				margin-top: 80px;
				margin-left: 25px;
			}
			#bottom{
				background-color: white;
				height: 350px;
				width: 550px;
				margin-left: 25px;
			}
			
			div.down{
				margin-left: 8px;
			}
			#img_size{
				float: left;
				background-color: black;
				margin-top: 13px;
				margin-left: 13px;
				width: 100px;
				height: 100px;
			}
			
		</style>
	</head>
	<body>
		<div id="hold">
			<div id="top">
				<img id="img_size" src = "img/back.png" />	
				<div style="padding: 0.1px;" >
					<!--p本来就占一行，可以相互嵌套-->
					<p style="margin-left: 132px;">昵  称：
						<span>fdsfgd</span>
					</p>
					
				</div>
				<div>
					<textarea  style="margin-left: 13px;margin-top:0.1px;width: 350px;height: 80px;" rows="3" cols="20"></textarea>
				</div>
			</div>
			
			
			
			
			<!--底部-->
			<div id="bottom">
				<div class="down">
				<br />
				<div id = "name">
					<div class="nickname">昵  称：
						<span id = "nickname_set">1</span>
					</div>
				</div>
				<br /><br />
				<div >
					<div class="area">地  区：
						<span id = "area_set">2</span>
						<input type="text" size="5" />
					</div>
				</div>
				<br /><br />
				<div >
					<div class="sex">性  别：
						<span id="sex_set">3</span>
					</div>
				</div>
				<br /><br />
				<div>
					<div class="birthday">生  日：
						<span id="birthday_set">4</span>
					</div>
				</div>
				<br /><br />
				</div>
				<div class = "button">
					
				</div>
			</div>
		</div>
		
	</body>
</html>
